* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  font-style: normal;
}

html {
  font-size: 16px;
}

.box {
  height: 50px;
  background-color: #222;
}

.box .container {
  padding: 0;
}

.box .container .navbar-header .navbar-brand {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.box .container .navbar {
  border: none;
  margin-bottom: 0;
}

.box .container .navbar-wrapper .navbar-brand {
  padding: 0 15px;
}

.box .container .navbar-wrapper .navbar-brand > img {
  width: 130px;
}

.carousel-inner {
  width: 100%;
}

.carousel-inner img {
  width: 100%;
}

.box1 {
  margin-top: 2.1875rem;
  position: relative;
}

.box1 .container .row {
  margin-bottom: 3.75rem;
}

.box1 .container .row .col-md-4 {
  padding-left: 0;
}

.box1 .container .row .col-md-8 .md_a {
  padding-right: 0;
}

.box1 .container .row .col-md-8 .md_a h2 {
  text-align: end;
}

.box1 .container .row .col-md-8 .md_b {
  padding-right: 0;
}

.box1 .container .row .col-md-8 .md_b p {
  font-size: .75rem;
  text-align: end;
  line-height: 2;
  color: #929292;
}

.box1 .container .row .col-md-8 .col-md-6 a {
  display: inline-block;
}

.box1 .container .row .col-md-8 .col-md-6 a img {
  margin-top: 1.875rem;
}

.box1 .container .row .er {
  position: absolute;
  top: -2.1875rem;
  left: -18.75rem;
}

.box1 .container .row_b .xs_b {
  display: none;
}

.box1 .container .row_b .col-md-8 .md_a {
  padding-right: 0;
}

.box1 .container .row_b .col-md-8 .md_a h2 {
  text-align: left;
}

.box1 .container .row_b .col-md-8 .md_b {
  padding-right: 0;
}

.box1 .container .row_b .col-md-8 .md_b p {
  font-size: .75rem;
  text-align: left;
  line-height: 2;
  color: #929292;
}

.box1 .container .row_b .col-md-8 .col-md-6 a {
  display: inline-block;
}

.box1 .container .row_b .col-md-8 .col-md-6 a img {
  margin-top: 1.875rem;
}

.box2 .container .row_a h1 {
  font-weight: 900 !important;
}

.box2 .container .row_b .col-md-4 {
  margin-top: 2.5rem;
  text-align: center;
}

.box2 .container .row_b .col-md-4 a {
  position: relative;
  display: inline-block;
}

.box2 .container .row_b .col-md-4 a:hover i {
  display: block;
}

.box2 .container .row_b .col-md-4 i {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: .8125rem;
  color: #e0dddc;
  font-size: .75rem;
}

.box2 .container .row_b .col-md-4 p {
  margin-top: .625rem;
}

.box6_nav {
  background-color: #3b3b3b;
}

.box6_nav .container .row {
  margin: 1.875rem 0 1.875rem;
}

.box6_nav .container .row .col-md-9 a {
  color: #75767b;
  font-size: .875rem;
}

.box6_nav .container .row .col-md-9 p {
  color: #75767b;
  font-size: .75rem;
}

.box6_nav .container .row .col-md-3 {
  display: flex;
  justify-content: space-between;
}

.box6_nav .container .row .col-md-3 .nn {
  position: relative;
}

.box6_nav .container .row .col-md-3 .nn:hover .zz {
  display: block;
}

.box6_nav .container .row .col-md-3 .nn .zz {
  position: absolute;
  top: -10.5625rem;
  left: -2.125rem;
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 14px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper #navbar .dropdown {
    position: absolute;
    top: 0;
    right: 3.125rem;
  }
  .box1 .container .row .col-md-8 .col-sm-8:nth-of-type(2) {
    height: 26.125rem;
  }
  .box1 .container .row .col-md-8 .col-sm-8:nth-of-type(2) p {
    padding-left: 4.1875rem;
  }
  .box1 .container .row .er {
    position: absolute;
    top: -2.1875rem;
    left: 0;
  }
  .box1 .container .row_b .xs_b {
    display: block;
  }
  .box1 .container .row_b .xs_b img {
    margin-top: 1.875rem;
  }
  .box1 .container .row_b .col-md-8 p {
    padding-left: 0 !important;
    width: 22.75rem;
  }
  .box1 .container .row_b .col-md-8 .xs_a {
    display: none;
  }
  .box6_nav .container .row .col-sm-3 .col-xs-12:nth-of-type(3) {
    padding-right: 0;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -11.5625rem;
    left: -2.125rem;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 12px;
  }
  .box {
    height: 100%;
  }
  .box .navbar-wrapper .container .navbar {
    margin-bottom: 0;
  }
  .box .navbar-wrapper .container #navbar {
    position: absolute;
    left: 0;
    top: 3.125rem;
    background-color: #222;
    width: 100vw;
  }
  .box1 .container .row .col-md-4 img {
    display: none;
  }
  .box1 .container .row .col-xs-12 h2 {
    text-align: center !important;
  }
  .box1 .container .row .col-xs-12 p {
    text-align: left !important;
  }
  .box1 .container .row .xs_a {
    text-align: center;
  }
  .box1 .container .row .er {
    position: absolute;
    top: -2.1875rem;
    left: 0;
    height: 80px;
  }
  .box6_nav .container .row .col-xs-3 {
    flex-wrap: wrap;
  }
  .box6_nav .container .row .col-xs-3 img {
    margin-top: .625rem;
  }
  .box6_nav .container .row .col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .box6_nav .container .row .col-md-3 .nn {
    position: relative;
  }
  .box6_nav .container .row .col-md-3 .nn:hover .zz {
    display: block;
  }
  .box6_nav .container .row .col-md-3 .nn .zz {
    position: absolute;
    top: -17.5625rem;
    left: -2.5rem;
    display: none;
  }
}
